<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/axios.min.js"></script>
    <script src="./js/jingnan.js"></script>
    <link rel="stylesheet" href="./css/jinnanh.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/poor-experience.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css"> 

</head>
<body>
    <div class="guide-banner">
      <nav class="poornav">
        <div class="header-left">
            <img src="./img/qiouimg.png" class="imgs" alt="">
            <ul class="q-nav">
              <li><a href="" class="nav-span">目的地</a></li>
              <li><a href="./jinnang.html" class="nav-span">锦囊</a></li>
              <li class="list-layer list-sns"><a href="" class="nav-span">
                  <span>社区</span>
                  <i class="fa fa-angle-down"></i>
                </a>
                <!-- 社区tab切换 -->
                <div class="q-layer q-layer-nav q-layer-arrow arr">
                  <ul>
                    <li class="nav-list-layer list-discuss"><a href="//bbs.qyer.com/">
                        <span> <a href="./forum.html">旅行论坛</a> </span>
                        <div style="display:inline;"><i class="fa fa-angle-right fa-right"></i></div>
                      </a>
                      <div class="q-layer q-layer-section" style="display:none;">
                        <div class="q-layer">
                          <div class="section-title"><a href="//bbs.qyer.com" class="more"><span>全部版块</span>
                              <i class="fa fa-angle-right fa-right"></i></a><span>热门版块</span></div>
                          <dl class="section-item">
                            <dt>兴趣小组</dt>
                            <dd><a href="//bbs.qyer.com/forum-2-1.html">结伴同游</a>
                              <a href="//bbs.qyer.com/forum-3-1.html">签证</a>
                              <a href="//bbs.qyer.com/forum-22-1.html">旅行摄影</a>
                              <a href="//bbs.qyer.com/forum-88-1.html">潜水俱乐部</a>
                              <a href="//bbs.qyer.com/forum-122-1.html">带孩子旅行</a>
                              <a href="//bbs.qyer.com/forum-33-1.html">自驾</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游欧洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-14-1.html">法国/摩纳哥</a><a
                                href="//bbs.qyer.com/forum-12-1.html">德国</a><a
                                href="//bbs.qyer.com/forum-16-1.html">英国/爱尔兰</a><a
                                href="//bbs.qyer.com/forum-15-1.html">瑞士/列支敦士登</a><a d
                                href="//bbs.qyer.com/forum-162-1.html">土耳其</a><a
                                href="//bbs.qyer.com/forum-25-1.html">挪威/瑞典/芬兰/丹麦/冰岛</a><a
                                href="//bbs.qyer.com/forum-13-1.html">意大利/梵蒂冈/圣马力诺/马耳他</a></dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游亚洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-52-1.html">台湾</a>
                              <a href="//bbs.qyer.com/forum-57-1.html">日本</a>
                              <a href="//bbs.qyer.com/forum-106-1.html">泰国</a>
                              <a href="//bbs.qyer.com/forum-164-1.html">新加坡</a>
                              <a href="//bbs.qyer.com/forum-165-1.html">斯里兰卡</a>
                              <a href="//bbs.qyer.com/forum-163-1.html">香港/澳门</a>
                              <a href="//bbs.qyer.com/forum-108-1.html">马来西亚/文莱</a>
                              <a href="//bbs.qyer.com/forum-175-1.html">柬埔寨</a>
                              <a href="//bbs.qyer.com/forum-104-1.html">马尔代夫</a>
                              <a href="//bbs.qyer.com/forum-177-1.html">缅甸</a>
                              <a href="//bbs.qyer.com/forum-59-1.html">伊朗</a>
                              <a href="//bbs.qyer.com/forum-103-1.html">印度/孟加拉</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游美洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-54-1.html">加拿大</a>
                              <a href="//bbs.qyer.com/forum-53-1.html">美国</a>
                              <a href="//bbs.qyer.com/forum-168-1.html">中美</a>
                              <a href="//bbs.qyer.com/forum-55-1.html">南美/南极</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游大洋洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-56-1.html">澳大利亚</a>
                              <a href="//bbs.qyer.com/forum-83-1.html">新西兰</a>
                              <a href="//bbs.qyer.com/forum-178-1.html">太平洋海岛</a>
                            </dd>
                          </dl>
                          <dl class="section-item">
                            <dt>穷游非洲</dt>
                            <dd><a href="//bbs.qyer.com/forum-173-1.html">东非地区</a>
                              <a href="//bbs.qyer.com/forum-174-1.html">非洲海岛</a>
                              <a href="//bbs.qyer.com/forum-86-1.html">北非地区</a>
                              <a href="//bbs.qyer.com/forum-60-1.html">非洲其他国家</a>
                            </dd>
                          </dl>
                          <div></div>
    
                        </div>
                      </div>
                    </li>
                    <li class="nav-list-layer"><a href="./questions.html"><span>旅行问答</span>
                      </a> </li>
                    <li class="nav-list-layer"><a href="./column.html"><span>旅行专栏</span>
    
                      </a>
    
                    </li>
                    <li class="nav-list-layer"><a href="./poor-experience.html"><span>旅行生活分享平台</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a
                        href="https://qlab.taobao.com/index.htm?spm=2013.1.w5002-20955034123.2.67456028h2dyyo"><span>JNE旅行生活美学</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="//bbs.qyer.com/forum-2-1.html"><span>Biu伴（原结伴同游）</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="./responsibleTravel.html"><span>负责任的旅行</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="./plan.html"><span>特别策划</span>
                        <!---->
                      </a>
                      <!---->
                    </li>
                    <li class="nav-list-layer"><a href="./shiping.html"><span>旅行精选视频</span></a>
                      <!---->
                    </li>
                  </ul>
                </div>
              </li>
              <li><a href="./xingcheng.html" class="nav-span">行程助手</a></li>
              <li class="list-layer list-shop"><a href="" class="nav-span">
                  <span>商城</span>
                  <i class="fa fa-angle-down"></i>
                  <span class="line-flag">
                    <img src="./img/redflag.gif" alt="" class="flag-icon">
                    <i class="flag"></i>
                  </span>
                </a>
                <!-- 商城tab切换 -->
                <div class="q-layer q-layer-nav q-layer-arrow arr1">
                  <ul>
                    <li class="nav-list-layer"><a href="./free.html"><span>机酒自由行</span></a></li>
                    <li class="nav-list-layer"><a><span>当地玩乐</span></a></li>
                    <li class="nav-list-layer"><a><span>签证</span></a></li>
                    <li class="nav-list-layer"><a href="./insurance.html"><span>保险</span></a></li>
                    <li class="nav-list-layer"><a><span>租车自驾</span></a></li>
                    <li class="nav-list-layer"><a href="./ship.html"><span>邮轮</span></a></li>
                    <li class="nav-list-layer"><a><span>私人定制</span></a></li>
                    <li class="nav-list-layer"><a><span>欧洲铁路</span></a></li>
                  </ul>
                </div>
              </li>
              <li class="list-layer list-hotel"><a href="./hotel.html" class="nav-span">
                  <span style="margin-left: 40px;">酒店·民宿</span>
                  <i class="fa fa-angle-down"></i>
                </a>
                <div class="q-layer q-layer-nav q-layer-arrow arr2" style="margin-left: 40px;">
                  <ul>
                    <li class="nav-list-layer"><a><span>酒店</span></a></li>
                  </ul>
                </div>
              </li>
              <li><a href="./saleHotel.html" class="nav-span">
                  <span>特价酒店</span>
                  <span class="line-flag">
                    <img src="./img/redflag2.png" alt="" class="flag-icon">
                    <i class="flag"></i>
                  </span>
                </a></li>
            </ul>
        </div>
        <div class="header-right">
            <div class="nav-search">
              <div class="nav-ipt">
                <input type="text" class="txt-search">
                <button class="btn-search">
                  <i class="fa fa-search"></i>
                </button>
              </div>
            </div>
            <span class="nav-cut">|</span>
            <div class="nav-user">
              <div class="login-wrap">
                <a href="https://passport.qyer.com/oauth?using=taobao&amp;ref=https%3A%2F%2Fwww.qyer.com%2F"
                  class="important">
                  <img src="./img/tao_log.png" alt=""></a>
                <a href="https://passport.qyer.com/oauth?using=qq&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                  <i class="fa fa-qq"></i></a>
                <a href="https://passport.qyer.com/oauth?using=weixin&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                  <i class="fa fa-wechat"></i></a>
                <a href="https://passport.qyer.com/oauth?using=weibo&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                  <i class="fa fa-weibo"></i></a>
                <a href="https://passport.qyer.com/register/mobile?ref=https%3A%2F%2Fwww.qyer.com%2F"
                  class="login-link">注册</a><a href="https://passport.qyer.com/login?ref=https%3A%2F%2Fwww.qyer.com%2F"
                  class="login-link">登录</a>
              </div>
            </div>
          </div>
        </div>
    </nav>
        </div>
        <div class="jinang-head">
            <p>穷游锦囊</p>
            <div class="img-banner">
                <img src="./img/jinnan.png" alt="">
                <div class="get-search">
                    <div class="search-soe">
                        <input class="search-soe1" type="text" placeholder="搜索穷游锦囊">
                    </div>
                    <div class="chahao">
                        <img src="./img/chahao.png" alt="">
                    </div>
                </div>
            </div>
            <div class="lunbo-banner">
                <div class="city-hidden">
                    <li>
                       <div>
                           <span>巴黎<p class="p-hidden">巴黎</p ></span>
                            <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                    <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                        <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                            <span>巴黎<p class="p-hidden">巴黎</p ></span>   
                       </div>
                       <div>
                        <div>
                            <span>巴黎<p class="p-hidden">巴黎</p ></span>
                             <span>澳大利亚<p class="p-hidden">澳大利亚</p ></span>
                                 <span>卢旺达<p class="p-hidden">卢旺达</p ></span>
                                     <span>夏威夷<p class="p-hidden">夏威夷</p ></span>
                                         <span>新德里<p class="p-hidden">新德里</p ></span>
                                             <span>印度<p class="p-hidden">印度</p ></span>   
                        </div>
                       <span>巴黎
                        <p class="p-hidden">巴黎</p>
                   </span>
                   <span>巴黎
                    <p class="p-hidden">巴黎</p>
               </span>
                       </div>
                       <div>
                      <div>
                            <span>巴黎<p class="p-hidden">巴黎</p ></span>
                             <span>澳大利亚<p class="p-hidden">澳大利亚</p ></span>
                                 <span>卢旺达<p class="p-hidden">卢旺达</p ></span>
                                     <span>夏威夷<p class="p-hidden">夏威夷</p ></span>
                                         <span>新德里<p class="p-hidden">新德里</p ></span>
                                             <span>印度<p class="p-hidden">印度</p ></span>   
                        </div>
                       </div>
                    </li>
                    <li>
                        <div>
                            <span>
                                法国
                                <p class="p-hidden">法国</p>
                           </span>
                           </div>
                        
                    </li>
                    <li>
                        <div>
                            <span>
                                法国
                                <p class="p-hidden">法国</p>
                           </span>
                           <span>
                            法国
                            <p class="p-hidden">法国</p>
                       </span>
                       <span>
                        法国
                        <p class="p-hidden">法国</p>
                   </span>
                   <span>
                    法国
                    <p class="p-hidden">法国</p>
               </span>
               <span>
                法国
                <p class="p-hidden">法国</p>
           </span>
                           </div>
                        <div>
                            <span>墨西哥</span>
                         </div> 
                    </li>
                    <li>
                        <div>
                            <span>巴黎<p class="p-hidden">巴黎</p ></span>
                             <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                 <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                     <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                         <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                             <span>巴黎<p class="p-hidden">巴黎</p ></span>   
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>巴黎<p class="p-hidden">巴黎</p ></span>
                             <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                 <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                     <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                         <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                             <span>巴黎<p class="p-hidden">巴黎</p ></span>   
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>巴黎<p class="p-hidden">巴黎</p ></span>
                             <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                 <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                     <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                         <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                             <span>巴黎<p class="p-hidden">巴黎</p ></span>   
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>巴黎<p class="p-hidden">巴黎</p ></span>
                             <span>澳大利亚<p class="p-hidden">澳大利亚</p ></span>
                                 <span>卢旺达<p class="p-hidden">卢旺达</p ></span>
                                     <span>夏威夷<p class="p-hidden">夏威夷</p ></span>
                                         <span>新德里<p class="p-hidden">新德里</p ></span>
                                             <span>印度<p class="p-hidden">印度</p ></span>   
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>四川<p class="p-hidden">四川</p ></span>
                             <span>广中<p class="p-hidden">广州</p ></span>
                                 <span>江西<p class="p-hidden">江西</p ></span>
                                     <span>新疆<p class="p-hidden">新疆</p ></span>
                                         <span>蒙古<p class="p-hidden">蒙古</p ></span>
                                             <span>巴黎<p class="p-hidden">巴黎</p ></span>   
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>巴黎<p class="p-hidden">巴黎</p ></span>
                             <span>澳大利亚<p class="p-hidden">澳大利亚</p ></span>
                                 <span>卢旺达<p class="p-hidden">卢旺达</p ></span>
                                     <span>夏威夷<p class="p-hidden">夏威夷</p ></span>
                                         <span>新德里<p class="p-hidden">新德里</p ></span>
                                             <span>印度<p class="p-hidden">印度</p ></span>   
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>希腊<p class="p-hidden">希腊</p ></span>
                             <span>罗马<p class="p-hidden">罗马</p ></span>
                                 <span>香港<p class="p-hidden">香港</p ></span>
                                     <span>英国<p class="p-hidden">英国</p ></span>
                                         <span>巴黎<p class="p-hidden">巴黎</p ></span>
                                             <span>法国<p class="p-hidden">法国</p ></span>   
                        </div>
                    </li>
                </div>
                <div class="city-left">
                    <ul class="city_nav">
                        <li>
                            <span>冰岛</span>
                            <i>20</i>
                        </li>
                        <li>
                            <span>冰岛</span>
                            <i>20</i>
                        </li>
                        <li>
                            <span>墨西哥</span>
                            <i>20</i>
                        </li>
                        <li>
                            <span>关岛</span>
                            <i>20</i>
                        </li>
                        <li>
                            <span>摩洛哥</span>
                            <i>20</i>
                        </li>
                        <li>
                            <span>伊朗</span>
                            <i>20</i>
                        </li>
                        <li>
                            <span>冰岛</span>
                            <i>20</i>
                        </li>
                        <li>
                            <span>墨西哥</span>
                            <i>20</i>
                        </li>
                        <li>
                            <span>关岛</span>
                            <i>20</i>
                        </li>
                        <li>
                            <span>摩洛哥</span>
                            <i>20</i>
                        </li>
                    </ul>
                    <div class="city-bottom">
                        <div class="city-app">
                            <img src="./img/tub1.png" alt="">
                            <p>穷游锦囊APP</p>
                        </div>
                        <img src="./img/ewm.png" alt="">
                    </div>
                </div>
                <div class="city-right">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="./img/新疆.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img/xian.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img/xiahe.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img/sanya.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img/foxiang.png" alt=""></div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                        <!-- Add Arrows -->
                    </div>

                    <!-- Swiper JS -->
                    <script src="./js/swiper-bundle.min.js"></script>

                    <!-- Initialize Swiper -->
                   <script>
                 var swiper = new Swiper('.swiper-container',{
                   spaceBetween:30,
                   centeredSlides:true,
                   autoplay:{
                     delay:2500,
                     disableOnInteraction:false,
                   },
                   pagination:{
                     el:".swiper-pagination",
                     clickable:true,
                   }

                 })
                   </script>
                </div>
            </div>
            <div class="editor-recommend">
                <p>编辑推荐</p>
                <ul class="editor-recommend2">
                    <li>
                        <div class="pic">
                            <img src="./img/shanya1.png" alt="">
                            <i class="new"></i>
                        </div>
                        <span>三亚</span>
                        <p>下载阅读</p>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="./img/xiahe1.png" alt="">
                            <i class="new"></i>
                        </div>
                        <span>夏河</span>
                        <p>下载阅读</p>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="./img/xj.png" alt="">
                            <i class="new"></i>
                        </div>
                        <span>新疆天山</span>
                        <p>下载阅读</p>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="./img/shiku.png" alt="">
                            <i class="new"></i>
                        </div>
                        <span>巴蜀石窟</span>
                        <p>下载阅读</p>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="./img/qingzang.png" alt="">
                            <i class="new"></i>
                        </div>
                        <span>青藏铁路旅行指南</span>
                        <p>下载阅读</p>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="./img/wutais.png" alt="">
                            <i class="new"></i>
                        </div>
                        <span>天台山</span>
                        <p>下载阅读</p>
                    </li>
                </ul>
            </div>
            <!-- 中间 -->
            <div class="asideAndContent">
                <div class="remark">
                    <h2>他们刚刚下载穷游锦囊</h2>
                    <ul class="remark-ren">
                    </ul>
                    <div class="c91a">
                        <img src="./img/9c1a.jpg" alt="">
                    </div>
                    <div class="collect">
                        <img src="./img/bb87.jpg" alt="">
                    </div>
                </div>
                <div class="recently">
                    <h2>全部穷游锦囊</h2>
                    <div class="get-newtime">
                        <span>按更新时间</span>
                        <i>|</i>
                        <a>最近7天下载量</a>
                    </div>
                    <div class="foregin-soil1">
                        <ul class="foregin-soil">
                           
                        </ul>
                    </div>
                </div>

            </div>
            <div class="bottem-text">
                穷游锦囊是穷游网推出的原创旅游指南，致力于为旅行者提供实用的自助游攻略，包括美食购物、交通住宿、路线推荐、自驾路书、当地特色体验等，是出境游必不可少的旅游攻略。
            </div>
        </div>
    </div>
<div class="footer-bootem">
    <div class="footer-b">
    <div class="footer-conter">
     <a href="">穷游简介</a>
     <a href="">合作伙伴</a>
     <a href="">加入我们</a>
     <a href="">新手上路</a>
     <a href="">使用帮助</a>
     <a href="">网站地图</a>
     <a href="">会员条款</a>
     <a href="">社会指南</a>
     <a href="">版权声明</a>
     <a href="">联系我们</a>
    </div>
<div class="footer-jing">
    <span>2004-2021 © 穷游网® qyer.com All rights reserved. Version v5.57 京ICP备12003524号 京公网安备11010102001935号 京ICP证140673号</span>
</div>
<dl class="q-footer">
    <dt>友情链接</dt>
    <dd>
        <a href="">北京小区</a>
    </dd>
    <dd>
        <a href="">留学生公寓网</a>
    </dd>
    <dd>
        <a href="">看了吗视频</a>
    </dd>
    <dd>
        <a href="">游多多旅游攻略</a>
    </dd>
    <dd>
        <a href="">超级自由行</a>
    </dd>
    <dd>
        <a href="">自助游攻略</a>
    </dd>
</dl>
</div>
</div>
<script src="./js/jquery.min.js"></script>
<script>
    // 旅行论坛tab切换
  $(".list-discuss").mouseover(function () {
    $(".q-layer-section").css("display", "block")
    console.log(1);
  })
  $(".list-discuss").mouseout(function () {
    $(".q-layer-section").css("display", "none")
  })
  //社区tab切换
  $(".list-sns").mouseover(function () {
    $(".arr").css("display", "block")
  })
  $(".list-sns").mouseout(function () {
    $(".arr").css("display", "none")
  })
  //商城tab切换
  $(".list-shop").mouseover(function () {
    $(".arr1").css("display", "block")
  })
  $(".list-shop").mouseout(function () {
    $(".arr1").css("display", "none")
  })
  //酒店tab
  $(".list-hotel").mouseover(function () {
    $(".arr2").css("display", "block")
  })
  $(".list-hotel").mouseout(function () {
    $(".arr2").css("display", "none")
  })
  </script>
</body>

</html>